<template>
  <n-config-provider
    :locale="zhCN"
    :date-locale="dateZhCN"
    inline-theme-disabled
    :theme-overrides="themeOverrides"
  >
    <n-loading-bar-provider>
      <loading-bar />
      <n-dialog-provider>
        <dialog-content />
        <n-message-provider>
          <message-content />
        </n-message-provider>
        <router-view v-slot="{ Component }">
          <component :is="Component" />
        </router-view>
      </n-dialog-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<script setup>
import { zhCN, dateZhCN } from 'naive-ui'
import themeOverrides from '@/utils/ui/theme.js'
import loadingBar from '@/components/LoadingBar/index.vue'
import messageContent from '@/components/Message/index.vue'
import dialogContent from '@/components/Dialog/index.vue'

</script>

<style lang="scss">
html,
body {
  margin: 0;
  height: 100%;
}
#app {
  height: 100%;
  .n-config-provider {
    height: inherit;
  }
}
.mapboxgl-ctrl-logo {
  display: none !important;
}
.mapboxgl-ctrl-attrib-inner {
  display: none !important;
}
@font-face {
  font-family: 'SourceHanSansSC-VF';
  src: url('./assets/fonts/SourceHanSansSC-VF.ttf');
}
* {
  font-family: 'SourceHanSansSC-VF';
}

.n-dialog .n-dialog__action {
  display: flex;
  justify-content: flex-start!important;
  flex-direction: row-reverse;
  gap: 10px;
}
.n-modal-mask {
  background-color: rgba(29, 33, 48, .5);
}
.n-pagination .n-pagination-prefix{
  color: #fff;
}
.n-popconfirm .n-popconfirm__action .n-button:not(:last-child){
  background-color: #787887;
  color: #fff !important;
}
</style>
